<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1.0, user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <meta content="address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="msapplication-tap-highlight" content="no"><!-- windows phone 点击无高光 -->
    <title>直播</title>
    <link rel="stylesheet" href="auto_guide.css" />
	<link rel="stylesheet" href="live.css" />
  

</head>
<body ontouchstart class="index-wrap live" >
<div class="wrap">
    <section>
        <!--controls-->
        <!--width=720 height=480-->
        <!--<video id=example-video1  class="video-js vjs-default-skin" poster="../assets/images/liu/live_bg.png">
            <!--index.m3u8-->
            <!--<source src="http://192.168.0.148:8080/hls/let/index.m3u8" tppabs="blob:http://192.168.0.148:8080/04493946-5f2c-4358-b0bb-c8cffcc29fec" type="application/x-mpegURL">
        </video>-->-->
       
	<video controls autoplay x5-video-player-type="h5">  
	    <source src="http://192.168.0.148:8080/hls/let/index.m3u8" type="application/vnd.apple.mpegurl" />  
	    <p class="warning">Your browser does not support HTML5 video.</p>  
	</video> 
        <div class="liveMainContent">
            <!--在线人数定位-->
            <div class="liveNumber_fixed">
                <p class="liveNumber">
                    <span>2014</span>人观看
                </p>
            </div>
            <p class="OB_btn">
            </p>


            <!--内容定位-->
            <div class="contain_fixed btn_fixed">
                <div class="M_P">
                    <div class="head">
                        <p><img src="../assets/images/u-logo.jpg" alt=""/></p>
                        <ul>
                            <li>小兵张嘎</li>
                            <li>进入直播间</li>
                        </ul>
                    </div>
                </div>
                <div class="chatContent">
                    <p><span>小兵张嘎：</span>好贵！好贵！好贵！</p>
                    <p><span>张嘎他爹：</span>好贵！好贵！好贵！好贵！好贵！好贵！ 好贵！好贵！好贵！好贵！好贵！</p>
                    <p><span>小兵张嘎：</span>好贵！好贵！好贵！</p>
                    <p><span>张嘎他爹：</span>好贵！好贵！好贵！好贵！好贵！好贵！ 好贵！好贵！好贵！好贵！好贵！</p>
                    <p><span>小兵张嘎：</span>好贵！好贵！好贵！</p>
                    <p><span>张嘎他爹：</span>好贵！好贵！好贵！好贵！好贵！好贵！ 好贵！好贵！好贵！好贵！好贵！</p>
                </div>
                <form action="">
                    <input class="text" type="text" placeholder="聊天点击这里...">
                    <button class="button">发送</button>
                </form>
            </div>
        </div>
    </section>

</div>
<script src="jquery-2.1.4.js"></script>

<script>
  
     $(document).ready(function(){
//        视频高度自适应
        $('video').css('height',window.screen.height);  
    });
</script>
</body>
</html>